html {
  height: 100%;
}

body {
  height: 100%;
}

#root {
  height: 100%;
}

.App {
  height: 100%;
}

div {
  box-sizing: border-box;
}

// * {
//   // padding: 0;
//   // margin: 0;
// }

.body_content {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  background-color: var(--back-gray);
  // background: linear-gradient(to right, #56ccf2, #599bf3, #1d7af3);
  // background: linear-gradient(to right, #ffd3a5, #ffaaa6);
  // background: linear-gradient(to right, #ffd700, #ffa07a, #87ceeb);
  // background: linear-gradient(to right, #ffd700, #ff6347);
  padding-top: 3.125rem;
  // width: 81.25rem;
}

// 全局变量
:root {
  --primary-color: #3498db;
  --secondary-color: #e74c3c;
  --line-gray: #d4d4d5; // 边框灰
  --selected-gray: #f2f2f2; // 选中灰 #f2f2f2
  --border-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); // 边框阴影
  --back-gray: #f0f2f5; // 背景灰
  --line-blue: #56ccf2; // 边框灰
  --selected-blue: #1d7af3;

  // 白
  --bright-color: #000;
  --bright-back: #fff;
}
